@import './variable.styl'

body, html
  height: 100%
  -webkit-tap-highlight-color: transparent
  font-family: "wryh9","Helvetica Neue",Helvetica,"PingFang SC","Hiragino Sans GB","Microsoft YaHei","微软雅黑",Arial,sans-serif

h1, h2, h3, h4, h5, h6
  font-family: "syht"
  &.wr
    font-family: "wryh9"

#app
  height: 100%

// 星星
.el-rate
  height: 30px
  &.big
    i.el-rate__icon
      font-size: @height

// 解决<el-scrollbar>组件  底部滚动条出现BUG
.el-scrollbar__wrap
  overflow-x: hidden

.main-content
  height: 100%
  overflow: hidden
  box-sizing: border-box

.main-full
  height: 100%

.main-scroll
  height: calc(100% - 80px)
  margin-top: 80px
// PC版式与移动版式端边界处理
@media (max-width: $media-smail)
  .main-scroll
    height: calc(100% - 40px)
    margin-top: 40px
  .el-dialog
    width: 90% !important

.container-x-suit
  width: 100%
// PC导航条固定长度与自适应边界处理
@media (min-width: $media-max-header)
  .container-x-suit
    width: $media-max-header
    margin: 0 auto

.container-y-suit
  height: 480px
  padding: 0 20px

.banner
  width: 100%
  height: 100%
  background: $color-info none center center no-repeat
  overflow: hidden
  // background-size: auto 100%
  // background-size: 100% auto
  &.develop
    h2
      color: #FFF
      font-size: 40px
      position: absolute
      top: 50%
      left: 50%
      transform: translate(-50%, -50%)